<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="se"
	uri="http://www.springframework.org/security/tags"%>
<link type="text/css" rel="stylesheet"
	href="resources/css/patient/articleHeader.css">
<link rel="stylesheet" href="resources/css/patient/reservation.css">
<link rel="stylesheet"
	href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script src="resources/js/patient/reservation.js"></script>
<div>
	<div class="nav_information">
		<img src="resources/images/gr_navi_home.png">&nbsp;&nbsp;>&nbsp;&nbsp;진료예약
	</div>
	<div class="nav_detail_name">진료예약</div>
	<div class="nav_information_detail">
		<div class="nav_information_detail_bgimg">
			<p>고객의 편의를 위해 다양한 예약서비스를 제공하고 있습니다.</p>
			<p>진료예약은 전화, 인터넷, 방문을 통해 하실 수 있습니다.</p>
		</div>
	</div>
</div>
<!-- 예약 1단계 시작 -->
<div class="reservation1">
	<div class="infoUpdateTableDiv">
		<table class="infoUpdateTable">
			<tr class="bgColorWhite">
				<td colspan="2"><p class="infoUpdateTablePTag1">회원</p>
					<p class="infoUpdateTablePTag2">정보확인</p>
					<p class="infoUpdateTablePTag3">인터넷 예약전에 변경된 정보를 확인하고 수정하실 수
						있습니다</p></td>
			</tr>

			<tr class="infoUpdateTable3PxLine">
				<td>아이디</td>
				<td>${reservation.user_id }</td>
			</tr>
			<tr>
				<td>이름</td>
				<td>${reservation.name }</td>
			</tr>
			<tr>
				<td>우편번호</td>
				<td class="addressNumberTd">${reservation.zipcode1}-
					${reservation.zipcode2}</td>
			</tr>
			<tr>
				<td>기본주소</td>
				<td>${reservation.addr1 }</td>
			</tr>
			<tr>
				<td>상세주소</td>
				<td>${reservation.addr2 }</td>
			</tr>
			<tr>
				<td>연락처</td>
				<td>${reservation.tel }</td>
			</tr>
			<tr class="infoUpdateTableInfo">
				<td colspan="2"><p>※예약은 진료받으시는 환자분의 실명으로 하셔야 합니다.
					<p>
						<input id="infoEditBtn" class="button" type="button" value="수정하기"
							onClick="location.href='myinfo.do?user_id=${reservation.user_id }'"></td>
			</tr>
		</table>
	</div>
	<div class="doctorCategoryTableDiv">
		<table class="doctorCategoryTable">
			<tr>
				<td><input type="image"
					src="resources/images/doctorcategory/naekwa.png" name="select"
					id="select" value="Dep015"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/oikwa.png" name="select"
					id="select" value="Dep016"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/hyungbu.png" name="select"
					id="select" value="Dep017"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/sinkyung.png" name="select"
					id="select" value="Dep029"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/junghyung.png" name="select"
					id="select" value="Dep018"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/sunghyung.png" name="select"
					id="select" value="Dep019"></td>
			</tr>
			<tr>
				<td><input type="image"
					src="resources/images/doctorcategory/sanbu.png" name="select"
					id="select" value="Dep025"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/pibu.png" name="select"
					id="select" value="Dep026"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/binyo.png" name="select"
					id="select" value="Dep020"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/eyes.png" name="select"
					id="select" value="Dep024"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/ibiin.png" name="select"
					id="select" value="Dep035"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/singyung.png" name="select"
					id="select" value="Dep034"></td>
			</tr>
			<tr>
				<td><input type="image"
					src="resources/images/doctorcategory/kajung.png" name="select"
					value="Dep021"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/jaehwal.png" name="select"
					value="Dep022"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/jindan.png" name="select"
					value="Dep027"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/jangki.png" name="select"
					value="Dep028"></td>
				<td><input type="image"
					src="resources/images/doctorcategory/jungsin.png" name="select"
					value="Dep023"></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
			</tr>
		</table>
	</div>
</div>
<!-- 예약 1단계 끝 -->

<!-- 예약 2단계 시작 -->
<div class="reservation2">
	<div style="margin-left: 93%;">
		<input type="button" id="twoStepPreBtn" class="button" value="이전"
			style="font-size: 15pt;">
	</div>
</div>
<!-- 예약 2단계 끝 -->

<!-- 예약 3단계 시작 -->
<div class="reservation3">
	<!-- 의사 프로필 및 이력 -->
	<div style="margin-left: 93%;">
		<input type="button" id="threeStepPreBtn" class="button" value="이전"
			style="font-size: 15pt;">
	</div>
	<div class="reservation3Div1">
		<!--<div id='tabs'>
			  <ul>
				<li><a href='#tabs-1'>약력</a></li>
				<li><a href='#tabs-2'>인사말</a></li>
			</ul>
			<div id='tabs-1'>
				<table class='doctorProfileTable'>
					<tr>
						<th style="width: 25%;">연도</th>
						<th style="width: 75%;">약력</th>
					</tr>
				</table>
				<table id="doctorHistoryJobTable" class="doctorProfileTable">

				</table>
			</div>
			<div id='tabs-2'>
				<table class="doctorProfileTable">
					<tr>
						<td class='doctorGreeting'></td>
					</tr>
				</table>
			</div>  
		</div>-->
		<!-- </div> -->
	</div>
	<div class="reservation3Div2"></div>
	<!--
		<table class='doctorSelect2'>
			<tr>
				<td>
					<table class='doctorSelectTable'>
						<tr>
							<td class='doctorSelectTablePicture'><img
								src='resources/images/doctorPicture.png'></td>
							<td id='dname'><p class='doctorSelectTablePTag1'
									id="reserveDoctorName"></p>
								<p class='doctorSelectTablePTag2' id="doctorDetailName"></p></td>
						</tr>
						<tr>
							<td class='doctorSelectTable2thTr' colspan='2'>주전공</td>
						</tr>
						<tr>
							<td colspan='2' class='doctorSelectTable3thTr'
								id='selectDoctorProfile'></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
 -->






	<!-- <div class="reservation3Div">
		<div class="datepicker" id="datepicker"></div>
		<div id="timepickerCover" style="margin: 5px 0px 0px 25px;">
			<img src="resources/images/patient/reserveTimeCover.png">
		</div>
		<div id="timepicker"
			style="width: 260px; margin: 5px auto; display: none;">
			<tr id="doctorScheduleTime">
			<td><button class="button">10:00</button></td>
			</tr>
		</div>
	</div> -->

	<div class="reservation3Div3">
		<!-- <input type='text' name='schedule_id'> 
						<input type='text' name='dept_id' id='dept_id'> <br>
						<input type='text' name='doctor_id' id='doctor_id'><br>
						<input type='text' name='jupsoo_date' id='enableDate'>
						<input type='text' name='jupsoo_time' id='enableTime'><br>
						<input type='text' name='bohum_code_id' id='bohum_code_id' value='BO2'>
						<input type='text' name='is_night' value='N'><br>
						<input type='text' name='is_holiday' value='N'>
						<input type='text' name='jupsoo_code_id' value='jcode01'><br> -->
	</div>
</div>
<input type='hidden' name='patient_id' id='patient_id_temp'
	value='${reservation.patient_id}'>
<br>
<!-- 예약 3단계 끝 -->